<template>
	<div>
		<div class="header">


			<van-nav-bar style="  background: linear-gradient(90deg, #41A9B7,#4fd4e2, #41A9B7);height: 5rem;line-height: 5rem;">
				<span class="title" slot="title">动态榜</span>

				<span style=" 	font-size: 1.5625rem ; color: white; font-weight: 500; " slot="right"    >
					<van-button type="primary" color="#348994" @click="back">&nbsp;返&nbsp;&nbsp;&nbsp;回&nbsp;</van-button>
					
				<!-- 	<van-image      fit="contain" :src="require('@/assets/img/back.png')"></van-image> -->
				</span>
			</van-nav-bar>
		</div>


		<!-- ///////////////////content//////////////////////////////////////////////////////////////////////-->
		<div class="content" >





			<van-row gutter="0">
				<van-col span="2"></van-col>
				<van-col span="16">

					<!--  ///////////////// -->

					<div style="height:80%;  width: 96%; margin-left: 2%; ">


						<!-- 	<van-loading type="spinner" color="#1989fa" size="80px" v-if="load" style="margin-top: 15%;" /> -->




						<div style="text-align: center;width: 100%; margin-left: 15%;" v-if="true">


							<ul style="list-style: none;">

								<li style="font-size: 2rem; color: #226254; font-weight: 600;">
									<van-row type="flex" justify="center">
										<van-col span="3">家属</van-col>
										<van-col span="3"></van-col>
										<van-col span="10">追思留言</van-col>
										<van-col span="2"></van-col>
										<van-col span="2">逝者</van-col>
										<van-col span="2"></van-col>
										<van-col span="2">位置</van-col>
										
										
										
										

									</van-row>
								</li>
								<!-- <li><span>功德主-----------------功德-----------------功德语录</span></li> -->


								<div class="select" style="overflow: auto;height: 33rem;">
									<li v-for="item in orderMes" style="font-size: 1.25rem;  color: #144347;font-weight: 500; font-family:楷体;">
										<van-row type="flex" justify="center">
											<van-col span="3">{{item.uname}}</van-col>
											<van-col span="3"></van-col>
											<van-col span="10">{{item.qifutext}}</van-col>
											<van-col span="2"></van-col>
											<van-col span="2">{{item.departed}}</van-col>
											<van-col span="2"></van-col>
											<van-col span="2">{{JSON.parse(item.ledmes)[0].code}}</van-col>
										</van-row>
									</li>
								</div>



							</ul>


						</div>


						<div v-else>


						</div>







					</div>








					<!-- 	<div class="select" style="  overflow: auto;   height: 100%;  margin-top: 1.3%; white-space: nowrap;">
							<van-loading type="spinner" color="#1989fa" size="80px" v-if="load" style="margin-top: 15%;" />

							<ul v-else>

								
								<li v-for="led_row in ledList">
									<van-image width="4rem" height="4rem" fit="cover" :src="(led.isprice?images[2]:(led.ifchoose?images[1]:images[0]))"
									 @click="choose(led,key)" v-for="led,key in led_row" style="margin :0.5rem;" />
								</li>

							</ul>


						</div> -->











					<!--  ///////////////// -->
				</van-col>
				<van-col span="2"></van-col>
			</van-row>












		</div>
		<!-- ///////////////////////////////////content—end//////////////////////////////////////////////// -->

	</div>
</template>

<script>
	export default {
		components: {

		},
		data() {
			return {
				active: 0,
				show: false,

				list: [],
				loading: false,
				finished: false,
				orderMes: null
			}

		},
		methods: {

		/* 	findOderAndUser() {

				this.axios.post('https://mianmianshi.com/cms/temple/client/findOderAndUser', {
						tid: this.$store.getters.getTid
					})
					.then((res) => {
						if (res.data) {
							console.log(res.data);
							this.orderMes = res.data;
						}
					})
					.catch((err) => {
						//console.log("失败了");
						console.log(err)
					});


			}, */
			
			findOrder() {
			
				this.axios.post('https://mianmianshi.com/cms/temple/client/findOrder0', {
						tid: this.$store.getters.getTid
					})
					.then((res) => {
						if (res.data) {
							console.log(res.data);
							this.orderMes = res.data;
						}
					})
					.catch((err) => {
						//console.log("失败了");
						console.log(err)
					});
			
			
			},
			
			


			goAbout() {
				
				
				this.$router.push("about");
			},
			click() {
				alert("1");
			},
			swipingCard() {
				this.$router.push("swipingCard");
			},

			fingerprintRecognition() {
				this.$router.push("fingerprintRecognition");
			},

			face() {
				this.$router.push("face");
			},
			InitialLogin() {
				this.$router.push("initialLogin");
			},
			back() {
				this.$router.go(-1);
			}

		},
		created() {
			//this.findOderAndUser();
			
			this.findOrder();
		}



	}
</script>

<style>
	ul li span:first-of-type {

		font-size: 1.25rem;
		color: firebrick;

	}
	
	ul li {
		/* margin-right: 5rem; */
		text-align: left;
		margin-top: 1.5rem;
	
		/* border-bottom: #8B4726 dotted 1px; */
	
	}
</style>
